<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="g-plat-pc" style="font-size: 80px">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>画加平台，一站式美术约稿</title>

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>
<body>
<header><h1 style="font-size: 0">画加平台，一站式美术约稿</h1></header>
<div id="header" class="header-wraper">
    <div class="header header-opacity">
        <div class="header-cont">
            <!--首页及分类-->
            <div class="header-logo">
                <a href="home.html" title="首页">
                    <img style="margin-top: -2px;" src="images/logo-white.svg" width="111" height="31">
                </a>
            </div>
            <ul class="nav">
                <li class="on"><a href="home.html">首页</a></li>
                <li v-for="c in category_arr"><a :href="'home.html?cid='+c.id"  v-text="c.name">约稿</a></li>
            </ul>
            <div class="header-extra">
                <div class="scope-item">
                    <div class="w-Search w-Search_on" id="j_search-widget" style="margin-left: auto;">
                        <input type="text" placeholder="搜索画师" maxlength="20">
                        <i class="icon icon_search" style="cursor: pointer;"></i>
                    </div>
                    <div class="w-Hot-search j_hot-search"><h3>热门搜索</h3>
                        <p><a href="javascript:;">周边</a><a href="javascript:;">周边设计</a><a href="javascript:;">周边</a><a
                                href="javascript:;">周边设计</a></p></div>
                </div>
                <div class="scope-item scope-language">
                    <div class="language-text">CN</div>
                    <!--这是一个下拉会话式弹出层,无法选择英文显示,因此注释-->
                    <div class="language-list g-fade-in">
                        <!--                        <div class="w-Radiogroup js-language" data-value="CN"><span data-value="CN" class="on"><i-->
                        <!--                                class="icon icon_radio"></i>CN - 简体中文</span> <span data-value="EN"><i-->
                        <!--                                class="icon icon_radio"></i>EN - English<i class="icon icon_beta"></i></span></div>-->
                    </div>
                </div>
                <div class="header-entry"><a href="javascript:;" class="i_Btn js-login">登录 / 注册</a></div>
            </div>
        </div>
    </div>
</div>
<div id="app" class="main">
    <div class="p-index white" style="margin-top: -80px">
        <!--轮播图开始-->
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li  v-for="(b,i) in banner_arr" data-target="#myCarousel" :data-slide-to="i" :class="i==0?'active':''"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <!--(b,i)  i代表遍历下标,然后加属性条件,用三目判断为首个显示图片时,在class上加上active显示-->
                <div v-for="(b,i) in banner_arr" class="item" :class="i==0?'active':''">
                    <img :src="b.imgurl" alt="First slide" style="width: 100%">
                    <div class="carousel-caption"></div>
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <!--轮播图结束-->

        <!--这是中间内容,-->
        <div id="callboard" class="index-special index-container">
            <div v-for="call in callboard_arr" class="special-item">
                <a href="public.html" style="text-decoration: none">
                    <img :src="call.imgurl" class="special-image" alt="" width="100%">
                    <p class="t_Ellipsis" v-text="call.title"></p></a>
            </div>
        </div>

        <!--中下内容,背景灰色,三个推荐模块-->
        <div id="excellent" class="index-main">
            <!--优秀作品推荐开始-->
            <div class="index-recommend-works index-container">
                <div class="index-title"><h2>优秀作品推荐</h2>
                    <p>涵盖各式画风的优秀作品</p></div>
                <ul class="works-list">
                    <li v-for="v in view_arr" class="works-item">
                        <div class="works-tag tag-color-1" v-text="v.style"></div>
                        <div class="works-image js-works" data-id="jBejeGqE" style="overflow: hidden">
                            <img :src="v.imgurl" class="works-image js-works">
                        </div>
                        <div class="works-author js-artist" data-id="a5rlXWrV">
                            <i class="author-avatar">
                                <img :src="v.iconurl" class="author-avatar"></i>
                            <a class="author-name a_Black t_Ellipsis" v-text="v.author"></a>
                        </div>
                    </li>
                </ul>
            </div>
            <!--优秀作品推荐结束-->
            <!--最新作品推荐开始-->
            <div class="index-new-works index-container">
                <div class="index-title"><h2>最新作品推荐</h2>
                    <p>最近一周的作品推荐</p></div>
                <div class="works-list-wrap">
                    <div class="works-change js-works-change"><i class="icon icon_change"></i> <span>换一批</span></div>
                    <ul class="works-list js-work-list">
                        <li v-for="n in new_arr" class="works-item">
                            <div class="works-image js-works" data-id="MBm022J8">
                                <img :src="n.imgurl" class="works-image js-works" style="align-content: center">
                            </div>
                            <div class="works-author js-artist" data-id="KEvpVRV8">
                                <i class="author-avatar">
                                    <img :src="n.iconurl" class="author-avatar">
                                </i>
                                <a class="author-name a_Black t_Ellipsis" v-text="n.author"></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--最新作品推荐结束-->
            <!--画师推荐开始-->
            <div class="index-recommend-artists index-container">
                <div class="index-title"><h2>优质画师推荐</h2>
                    <p>画加小编精挑细选优质画师</p></div>
                <ul class="artist-list">
                    <li v-for="ur in user_arr" class="artist-item js-artist" data-id="L8J35OJB">
                        <div class="artist-author"
                             style="background-image:url(images/artist.png)">
                            <div class="artist-bg">
                                <div class="artist-cap"></div>
                                <div class="artist-avatar"><img :src="ur.headurl"></div>
                                <div class="artist-name" v-text="ur.name"></div>
                                <div class="artist-info"><p class="artist-role t_Right" v-text="ur.role">资深原画师</p>
                                    <p class="artist-wb">微博粉丝<span v-text="ur.fans">32501</span></p></div>
                                <ul class="artist-tags">
                                    <li>厚涂</li>
                                    <li>日系</li>
                                    <li>韩系</li>
                                    <li>插画</li>
                                </ul>
                            </div>
                        </div>
                        <div class="artist-decs"><p class="artist-intro"><i class="icon icon_quotation"></i>
                            <span v-text="ur.introl">就职于网易，擅长各类风格、角色原画设计、擅长卡牌、插图、壁纸、kv等。</span>
                        </p></div>
                    </li>
                </ul>
            </div>
            <!--画师推荐结束-->
            <!--页底需求方轮播图-->
            <div id="footCarousel" class="index-custom index-container js-custom">
                <div class="index-title"><h2>优质需求方推荐</h2>
                    <p>您熟悉的优质需求方也在使用画加</p></div>
                <div class="custom-wrap">
                    <ul class="custom-list custom-animation" style="transform: translateX(-245.2px);">
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/five)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">20</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">第五人格宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/fire)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">22</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">决战平安京插画约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/untamed)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">6</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">5</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">陈情令宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/bing)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">5</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">7</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">率土之滨kv约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/five)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">20</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">第五人格宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/fire)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">22</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">决战平安京插画约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/untamed)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">6</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">5</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">陈情令宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/bing)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">5</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">7</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">率土之滨kv约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/five)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">20</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">第五人格宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/fire)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">22</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">25</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">决战平安京插画约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/untamed)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">6</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">5</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">陈情令宣传约稿</p></div>
                        </li>
                        <li class="custom-item">
                            <div class="custom-image"
                                 style="background-image: url(images/bing)"></div>
                            <div class="custom-info">
                                <div class="info-item"><p class="info-name">发布约稿</p>
                                    <p class="info-count">5</p></div>
                                <div class="info-line"></div>
                                <div class="info-item"><p class="info-name">合作画师</p>
                                    <p class="info-count">7</p></div>
                            </div>
                            <div class="custom-project"><p class="project-status"><img
                                    src="">正在约稿
                            </p>
                                <p class="project-name t_Ellipsis">率土之滨kv约稿</p></div>
                        </li>
                    </ul>
                </div>
                <div class="custom-switcher">
                    <i class="switcher-left js-prev-custom"></i>
                    <i class="switcher-right js-next-custom"></i>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="copyright-cont">
                <div class="scope-p1">
                    <a href="javascript:;" class="a_White" dialog-title="联系我们">联系我们</a>
                    <a href="javascript:;" class="a_White" dialog-title="建议反馈">建议反馈</a>
                    <a href="javascript:;" class="a_White" link-to="/doc/service-agreement">服务协议</a>
                    <a href="javascript:;" class="a_White" link-to="/doc/join-us">加入我们</a>
                    <a href="javascript:;" class="a_White" dialog-title="画加画师QQ群">画加画师QQ群</a>
                    <!--                    <div class="l_Right">-->
                    <!--                        <i class="icon icon_weibo"></i>-->
                    <!--                    </div>-->
                </div>
                <div class="scope-p2">
                    <div class="scope-p3">
                        <a href="javascript:;" class="a_White" link-to="/doc/user-guide">平台使用攻略</a>
                        <span class="split">/</span>
                        <a href="javascript:;" class="a_White" link-to="/doc/operative-norm">约稿行为规范</a>
                        <span class="split">/</span>
                        <a href="javascript:;" class="a_White" link-to="/doc/dispute-terms">违规及争议处理办法</a>
                        <span class="split">/</span>
                        <a href="javascript:;" class="a_White" link-to="/doc/faq-terms">常见问题FAQ</a>
                        <a href="https://comic.jianghu.163.com/" target="_blank" class="scope-jianghu">
                            <img src="images/32">一梦江湖漫画馆<span>&gt;</span></a>
                        <a href="https://comic.163.com/" target="_blank" class="scope-yys">
                            <img src="images/32(1)">阴阳师漫画屋<span>&gt;</span></a>
                    </div>
                    <div class="scope-p4">
                        <div class="scope-left">
                            <p>工信部ICP备案号：
                                <a class="a_White" target="_blank" href="https://beian.miit.gov.cn/">浙B2-20090185-14</a>
                            </p>
                            <p>公安部门网站联网备案号：
                                <a class="a_White" target="_blank"><i class="icon icon_copyright"></i>浙公网安备
                                    33010802010201号</a>
                            </p>
                        </div>
                        <div class="scope-right">Copyright © 2021 ihuajia.cn 保留所有权利</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="left-side" class="fixed-bar left-side" style="display: block;">
    <div class="qrCode app-qrCode">画加APP</div>
    <div class="qrCode minProgram-qrCode">画加小程序</div>
    <a href="javascript:;" class="close-btn" title="关闭">×</a>
</div>

<!--详情页开始-->
<div data-v-340f623e="" class="c-popup-layout scroll detail_div" style="z-index: 2000; overflow-y: auto;">
    <div data-v-2b7a0904="" data-v-340f623e="" class="c-works-detail-popup popup-context">
        <!--左侧作品页开始-->
        <div data-v-2b7a0904="" class="detail-left">
            <div data-v-2b7a0904="" class="detail-main">
                <div data-v-2b7a0904="" class="detail-header">
                    <div data-v-2b7a0904="" class="header-left">
                        <!--左上角显示点赞情况-->
                        <button data-v-2b7a0904="" class="like-btn"></button>
                        <ul data-v-2b7a0904="" class="like-list">
                            <li data-v-2b7a0904=""><img data-v-2b7a0904="" src="images/artist.png"></li>
                            <li data-v-2b7a0904=""><img data-v-2b7a0904="" src="images/artist.png"></li>
                            <li data-v-2b7a0904=""><img data-v-2b7a0904="" src="images/artist.png"></li>
                            <li data-v-2b7a0904=""><img data-v-2b7a0904="" src="images/artist.png"></li>
                            <li data-v-2b7a0904=""><img data-v-2b7a0904="" src="images/artist.png"></li>
                        </ul>
                        <span data-v-2b7a0904="" class="like-count" v-text="works.likeCount">68</span></div>
                    <div data-v-2b7a0904="" class="header-right">
                        <!--右上角分享链接-->
                        <div data-v-2853a463="" data-v-2b7a0904="" class="c-share share-list">
                            <span data-v-2b7a0904="" data-v-2853a463="">分享到</span>
                            <ul data-v-2b7a0904="" data-v-2853a463="">
                                <li data-v-2b7a0904="" data-v-2853a463="">
                                    <a data-v-2b7a0904="" data-v-2853a463=""
                                       href="https://service.weibo.com/share/share.php?url=https%3A%2F%2Fihuajia.cn%2Fworks%2Fdetail%2FjBejeGqE&amp;title=%23%E7%BE%8E%E5%9B%BE%E5%AE%89%E5%88%A9%23%20%E4%BD%9C%E5%93%81%20by%20%E9%B2%9B%E7%8C%AB%E3%80%82%E5%88%86%E4%BA%AB%E8%87%AA%20%40%E7%94%BB%E5%8A%A0%E5%B9%B3%E5%8F%B0&amp;pic=https%3A%2F%2Fhuajia-pub.nos-eastchina1.126.net%2F126%2F_5ivjGj9xtqLQ69kMRmFptU5KZFJ43x1&amp;source=%E7%94%BB%E5%8A%A0%E5%B9%B3%E5%8F%B0%EF%BC%8C%E4%B8%80%E7%AB%99%E5%BC%8F%E7%BE%8E%E6%9C%AF%E7%BA%A6%E7%A8%BF&amp;sourceUrl=https%3A%2F%2Fihuajia.cn"
                                       target="_blank">
                                        <i data-v-2b7a0904="" data-v-2853a463="" class="g-icon icon_share_weibo"></i>
                                    </a>
                                </li>
                                <li data-v-2b7a0904="" data-v-2853a463="">
                                    <i data-v-2b7a0904="" data-v-2853a463="" class="g-icon icon_share_wechat"></i>
                                    <img data-v-2b7a0904="" data-v-2853a463="" src="" class="wechat-code g-float-in">
                                </li>
                                <li data-v-2b7a0904="" data-v-2853a463="">
                                    <a data-v-2b7a0904="" data-v-2853a463=""
                                       href="https://connect.qq.com/widget/shareqq/index.html?url=https%3A%2F%2Fihuajia.cn%2Fworks%2Fdetail%2FjBejeGqE&amp;title=%E7%BE%8E%E5%9B%BE%E5%AE%89%E5%88%A9&amp;desc=%23%E7%BE%8E%E5%9B%BE%E5%AE%89%E5%88%A9%23%20%E4%BD%9C%E5%93%81%20by%20%E9%B2%9B%E7%8C%AB%E3%80%82%E5%88%86%E4%BA%AB%E8%87%AA%20%40%E7%94%BB%E5%8A%A0%E5%B9%B3%E5%8F%B0&amp;summary=%23%E7%BE%8E%E5%9B%BE%E5%AE%89%E5%88%A9%23%20%E4%BD%9C%E5%93%81%20by%20%E9%B2%9B%E7%8C%AB%E3%80%82%E5%88%86%E4%BA%AB%E8%87%AA%20%40%E7%94%BB%E5%8A%A0%E5%B9%B3%E5%8F%B0&amp;pics=https%3A%2F%2Fhuajia-pub.nos-eastchina1.126.net%2F126%2F_5ivjGj9xtqLQ69kMRmFptU5KZFJ43x1"
                                       target="_blank">
                                        <i data-v-2b7a0904="" data-v-2853a463="" class="g-icon icon_share_qq"></i>
                                    </a>
                                </li>
                                <li data-v-2b7a0904="" data-v-2853a463="">
                                    <a data-v-2b7a0904="" data-v-2853a463="" href="javascript:;" class="i_Btn i_Btn_small" style="min-width: 80px;">复制链接</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--图片作品-->
                <div data-v-2b7a0904="" class="detail-image">
                    <img data-v-2b7a0904="" :src="works.imgurl">
                </div>
                <div data-v-2b7a0904="" class="detail-footer">
                    <!--图片下方标签部分-->
                    <div data-v-2b7a0904="" class="footer-left"><p data-v-2b7a0904="" class="works-desc"></p>
                        <ul data-v-2b7a0904="" class="tags-list">
                            <li data-v-2b7a0904="">插画</li>
                            <li data-v-2b7a0904="">厚涂</li>
                            <li data-v-2b7a0904="">日系</li>
                            <li data-v-2b7a0904="">韩系</li>
                            <li data-v-2b7a0904="">如龙</li>
                        </ul>
                    </div>
                    <div data-v-2b7a0904="" class="footer-right">
                        <p data-v-2b7a0904="" class="works-btn">
                            <button data-v-2b7a0904="" class="report-btn">
                                <i data-v-2b7a0904="" class="g-icon icon-report"></i>
                                <span data-v-2b7a0904="">举报</span></button>
                        </p>
                        <p data-v-2b7a0904="" class="works-tips">©&nbsp;未经作者授权禁止转载</p>
                    </div>
                </div>
            </div>
            <div data-v-2b7a0904="" class="detail-extends">
                <div data-v-7b5f6de8="" data-v-2b7a0904="" class="c-works-likes">
                    <div data-v-7b5f6de8="" class="like-btn" >
                        <button data-v-7b5f6de8="" class="" @click="likeById(works.id)" style="color: yellow">
                            点赞
                        </button>
                        <a data-v-7b5f6de8="" href="javascript:;" class="i_Btn i_Btn_small" style="min-width: 80px;">复制链接</a>
                    </div>
                    <div data-v-7b5f6de8="" class="like-count">
                        <span data-v-7b5f6de8="" class="comment-count" v-text="'共'+works.likeCount+'人赞了该作品'">共68人赞了该作品</span>
                    </div>

                    <div data-v-7b5f6de8="" class="like-list">
                        <!--点赞头像列表-->
                        <div data-v-7b5f6de8="" class="fold-btn">
                            <button data-v-7b5f6de8="">
                                <i data-v-7b5f6de8="" class="g-icon icon-fold"></i>
                                展开
                            </button>
                        </div>
                        <ul data-v-7b5f6de8="">
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/artist.png">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i2.webp">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i3.webp"></div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i4.webp">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i4.webp">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i4.webp">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i5.webp"></div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i8.webp"></div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i4.webp">
                                </div>
                            </li>
                            <li data-v-7b5f6de8="">
                                <div data-v-594231ee="" data-v-7b5f6de8="" class="c-tooltip">
                                    <img data-v-7b5f6de8="" data-v-594231ee="" src="images/works/i5.webp"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--评论区域-->
                <div data-v-c6e7be00="" data-v-2b7a0904="" class="c-works-comment">
                    <div data-v-c6e7be00="" class="comment-count">共0条评论</div>
                    <div data-v-c6e7be00="" class="comment-reply">
                        <div data-v-c6e7be00="" class="comment-avatar">
                            <!--登录用户头像-->
                            <img data-v-c6e7be00="" src="images/works/i4.webp">
                        </div>
                        <div data-v-c6e7be00="" class="comment-textarea">
                            <textarea data-v-c1031470="" data-v-c6e7be00="" class="c-autoheight-textarea" placeholder="添加评论..." maxlength="200"></textarea>
                            <div data-v-c6e7be00="" class="comment-btns">
                                <button data-v-c6e7be00="" class="g-btn">发布</button>
                            </div>
                        </div>
                    </div>
                    <div data-v-c6e7be00="" class="comment-list"></div>
                </div>
            </div>
        </div>
        <!--左侧作品页结束-->
        <!--右侧作者页开始-->
        <div data-v-2b7a0904="" class="detail-right">
            <div data-v-57a611f9="" data-v-2b7a0904="" class="c-user-info detail-user">
                <!--作者头像-->
                <img data-v-57a611f9="" :src="works.iconurl" class="user-avatar">
                <p data-v-57a611f9="" class="user-name">
                    <span data-v-57a611f9="" class="a_Blue2" v-text="works.author">鲛猫</span>
                </p>
                <p data-v-57a611f9=""><!----> <!----> <!----></p>
                <ul data-v-57a611f9="" class="tags-list">
                    <li data-v-57a611f9="" v-text="works.title">海报</li>
                    <li data-v-57a611f9="">立绘</li>
                    <li data-v-57a611f9="">韩系</li>
                    <li data-v-57a611f9="">欧美风</li>
                    <li data-v-57a611f9="">日系</li>
                </ul>
                <div data-v-57a611f9="" class="blank10"></div>
                <div data-v-57a611f9="" class="s_Line"></div>
                <div data-v-57a611f9="" class="user-desc" v-text="user.introl">
                    现自由职业插画师，时间较为充裕，可长期合作项目，画风偏半厚涂韩系和欧美系，擅长人物立绘和海报插画，可绘制各类手游人物立绘，角色三视图，Q版设计，宣传插图，游戏界面插图，本插设计
                </div>
            </div>
        </div>
        <!--右侧作者页结束-->
        <button @click="backHome()" data-v-2b7a0904="" title="关闭" class="close"><i data-v-2b7a0904="" class="icon icon_close"></i></button>
    </div>
</div>
<!--详情页结束-->
</body>
<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script>
<script src="js/header.js"></script>
<script src="js/banner.js"></script>
<script src="js/callboard.js"></script>
<script src="js/works.js"></script>
<script src="js/detail.js"></script>
</html>